// @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');


$borderWidth: 2px;
$borderRadius: 15px;



.graph-node{
    border: $borderWidth solid gray;
    border-radius: $borderRadius ;
    .graph-node-title{
        color: white;
        font-size: large;
        text-align: center;
        background-color: #147289;
        border-top-left-radius: $borderRadius - $borderWidth;
        border-top-right-radius: $borderRadius - $borderWidth;
        padding: 5px;
        .graph-node-title-icon{
            padding-left: 5px;
            padding-right: 10px;
        }
        .graph-node-title-text{
            padding-right: 10px;
        }
    }
    
    .graph-node-body{
        text-align: center;
        // font-family: 'Lato';
        font-weight: 300;
        background-color: snow;
        padding: 13px;
        .graph-node-body-row{
            text-align: center;
            padding-bottom: 10px;
            .graph-node-body-left-text{
                font-weight: 400;
            }
        }

    }
    
    .graph-node-footer{
        color: white;
        font-size: small;
        text-align: center;
        border-bottom-left-radius: $borderRadius - $borderWidth;
        border-bottom-right-radius: $borderRadius - $borderWidth;
        padding: 5px;

    
    }
}

// Running
// .progress{
//     margin-bottom: 10px;
// }
.bg-blue{
    background-color: #0073FF !important
}
.bg-green{
    background-color: green !important
}
.bg-orange{
    background-color: orange !important
}

.bg-red{
    background-color: red !important
}

.arguments-lable{
    color: red 
}